<!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
<template>
	<view class="page uni-title uni-common-mt">
		<image class="main-img" src="https://ming-edu.oss-cn-beijing.aliyuncs.com/1608209421050.png"></image>
		<view class="opt-list">
			<view class="opt-row">
				<view class="opt" @click="toCourseScore">
					<image class="opt-image" src="https://ming-edu.oss-cn-beijing.aliyuncs.com/1608599561468.png"></image>
					<view>
						<text>学期成绩</text>
					</view>
				</view>
				<view class="opt" @click="toRankScore">
					<image class="opt-image" src="https://ming-edu.oss-cn-beijing.aliyuncs.com/1608599647213.png"></image>
					<view>
						<text>等级成绩</text>
					</view>
				</view>
				<view class="opt" @click="toCourseSchedule">
					<image class="opt-image" src="https://ming-edu.oss-cn-beijing.aliyuncs.com/1608599606801.png"></image>
					<view>
						<text>课表</text>
					</view>
				</view>
			</view>
			<view class="opt-row">
				<view class="opt"  @click="toExamSchedule">
					<image class="opt-image" src="https://ming-edu.oss-cn-beijing.aliyuncs.com/1608599685257.png"></image>
					<view>
						<text>考试安排</text>
					</view>
				</view>
				<view class="opt">
					<image class="opt-image" src="https://ming-edu.oss-cn-beijing.aliyuncs.com/1608599708123.png"></image>
					<view>
						<text>空闲教室</text>
					</view>
				</view>
				<view class="opt">
					<image class="opt-image" src="https://ming-edu.oss-cn-beijing.aliyuncs.com/1608599732665.png"></image>
					<view>
						<text>开发中</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	import { needLogin } from "../../common/utils/utils";
	export default {
		data() {
			return {

			}
		},
		mounted() {
		},
		methods: {
			// 课表查询
			toCourseSchedule() {
				uni.navigateTo({
					url: '/pages/course/index'
				})
			},
			// 课程成绩
			toCourseScore() {
				uni.navigateTo({
					url: '/pages/courseScore/courseScore'
				})
			},
			// 课程成绩
			toRankScore() {
				uni.navigateTo({
					url: '/pages/courseScore/rankScore',
					fail(err) {
						console.log(err)
					}
				})
			},
			// 课程成绩
			toExamSchedule() {
				uni.navigateTo({
					url: '/pages/examSchedule/examSchedule',
					fail(err) {
						console.log(err)
					}
				})
			}
		},
		onShow() {
			needLogin(this)
		}
	}
</script>
<style>
.page{
	width: 100%;
}
.main-img {
	width: 100%;
	height: 180px;
}
.opt-row {
	display: flex;
}
.opt {
	margin: 15rpx 15rpx;
	padding: 15rpx 15rpx;
	background-color: #FFFFFF;
	flex: 1;
	text-align: center;
	border-radius: 15rpx;
}
.opt-image {
	width: 120rpx;
	height: 120rpx;
}


</style>
